@charset "utf-8";

.clear:after{content: "";display: table;clear: both;}
body{background: #fff;}
.article-list-wrap {padding: 0 15px;}
.article-list-wrap .article-class-wrap {position: relative;z-index: 1;padding-top: 5px;}
.article-list-wrap .article-class-wrap.float{position: fixed;padding: 10px 0;top:0;}
.article-list-wrap .article-class-wrap ul{overflow-x: scroll;overflow-y: hidden;white-space: nowrap;background-color: white;}
.article-list-wrap .article-class-wrap ul::-webkit-scrollbar{display: none;}
.article-list-wrap .article-class-wrap ul li{display: inline-block;height: 24px;line-height: 24px;color: rgb(153, 153, 153);font-size: 12px;margin-right: 15px;border-radius: 45px;}
.article-list-wrap .article-class-wrap ul li.current{color:#fff;font-weight: bold;padding: 0 10px;background-image: linear-gradient(90deg, rgb(252, 152, 126) 0%, rgb(248, 95, 72) 100%);}
.article-list-wrap .article-list{padding: 0 15px;}
.article-list-wrap .article-list li {display: block;padding:0 0 20px 0;}
.article-list-wrap .article-list li:first-child{margin-top: 0}
.article-list-wrap .article-list li{display: flex;-ms-flex-direction: row;flex-direction: row;-ms-flex-align: center;align-items: center;}
.article-list-wrap .article-list li div.avatar {width: 60px;height: 60px;position: relative;display: inline-block;border-radius: 4px;overflow: hidden;text-align: center;line-height: 60px;}
.article-list-wrap .article-list li div.avatar img{max-width: 100%;height: 60px;}
.article-list-wrap .article-list li div.item-container{margin-left: 10px;height: 60px;flex: 1;width: 0;}
.article-list-wrap .article-list li a{display: block;}
.article-list-wrap .article-list li div.item-container .article-title{display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-ms-flex: 1;flex: 1;font-weight: 700;color: #191919;font-size: 14px;line-height: 20px;margin-bottom: 2px;}
.article-list-wrap .article-list li div.item-container .article-respondent{display:block;color: #333;font-size: 12px;line-height: 16px;margin-bottom: 2px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.article-list-wrap .article-list li div.item-container .tag{display: inline-block;padding: 0 7px;border-radius: 15px;border: 1px solid #4a90e2;color: #4a90e2;font-size: 12px;text-align: center;margin-right: 5px;line-height: 16px;}
.article-list-wrap .article-list li div.item-container .click-num{display: inline-block;color: #999;font-size: 12px;margin-right: 5px;line-height: 16px;}
.article-list .o-error{padding: 90px 0;text-align: center;}
.article-list .o-error .txt{font-size: 14px;color: #333;}